
<!DOCTYPE html>
<html lang="en-US">

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
	<meta charset="UTF-8" />
    
    <meta name="Keywords" 			content="Epsilon, chalis, theme, premium" />
    <meta name="Description" 		content="Just an awesome mobile theme!" />
    <meta name="viewport"           content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0"/>
    
         
        <link rel="apple-touch-icon" sizes="114x114" href="wp-content/themes/chalis/images/splash/splash-icon.png" /> 
        
         
        <link rel="apple-touch-startup-image" href="wp-content/themes/chalis/images/splash/splash-screen.png" media="screen and (max-device-width: 320px)" />
        
            <link rel="apple-touch-startup-image" href="wp-content/themes/chalis/images/splash/splash-screen_2x.png" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" /> 
        
            <link rel="apple-touch-startup-image" href="wp-content/themes/chalis/images/splash/splash-screen_3x.png" sizes="640x1096" /> 
        
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    
	<title>CHALIS</title>
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<link rel="pingback" href="xmlrpc.php" />
	    
            <!-- favicon starts -->
        <link rel="shortcut icon" href="wp-content/themes/chalis/images/splash/favicon.ico" />
        <!-- favicon ends -->
        
        
    <meta name='robots' content='noindex,nofollow' />
<link rel="alternate" type="application/rss+xml" title="CHALIS &raquo; Feed" href="http://oxeso.com/chalis/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="CHALIS &raquo; Comments Feed" href="b.xml" />
<link rel="alternate" type="application/rss+xml" title="CHALIS &raquo; Home Comments Feed" href="http://oxeso.com/chalis/?feed=rss2&amp;page_id=12" />
<link rel='stylesheet' id='style-css'  href='style.css' type='text/css' media='all' />
<link rel='stylesheet' id='framework-style-css-css'  href='framework-style.css' type='text/css' media='all' />
<link rel='stylesheet' id='framework-css'  href='framework.css' type='text/css' media='all' />
<link rel='stylesheet' id='bxslider-css'  href='bxslider.css' type='text/css' media='all' />
<link rel='stylesheet' id='swipebox-css'  href='swipebox.css' type='text/css' media='all' />
<link rel='stylesheet' id='icons-css'  href='icons.css' type='text/css' media='all' />
<link rel='stylesheet' id='coach-css'  href='coach.css' type='text/css' media='all' />
<link rel='stylesheet' id='retina-css'  href='retina.css' type='text/css' media='only screen and (-webkit-min-device-pixel-ratio: 2)' />
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript' src='jquery-migrate.min.js'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wlwmanifest.xml" /> 
<link rel='prev' title='Blog' href='contact.html' />
<link rel='next' title='Contact Us' href='contact.html' />
<meta name="generator" content="WordPress 3.6.1" />
<link rel='canonical' href='http://oxeso.com/chalis/' />
</head>

<body class="home page page-id-12 page-template page-template-page-home-php">


<!-- preloader starts -->
<div id="preloader">
	<div id="status">
    	<p class="center-text">
			<em>Loading the content...</em>
            <em>Loading depends on your connection speed!</em>
        </p>
    </div>
</div>
<!-- preloader ends -->

<!-- all elements wrapper starts -->
<div class="all-elements">

    <div id="sidebar" class="page-sidebar">
        <div class="page-sidebar-scroll">
        
        	<div class="sidebar-header">
            	<a href="#" class="delete-sidebar"></a>
            	                <img class="sidebar-logo" width="63" src="http://oxeso.com/chalis/wp-content/themes/chalis/images/misc/logo.png" alt="logo" />
                        </div>
            
                      	  <p class="sidebar-separator">NAVIGATION</p>
			            
            <ul class="mainMenuWrapper">
				<li id="menu-item-8" class="home-icon menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-8"><a href="http://oxeso.com/chalis/">HOMEPAGE</a></li>
<li id="menu-item-108" class="type-icon menu-item menu-item-type-post_type menu-item-object-page menu-item-108"><a href="http://oxeso.com/chalis/?page_id=70">Type</a></li>
<li id="menu-item-110" class="jquery-icon menu-item menu-item-type-post_type menu-item-object-page menu-item-110"><a href="http://oxeso.com/chalis/?page_id=73">jQuery</a></li>
<li id="menu-item-109" class="other-icon menu-item menu-item-type-post_type menu-item-object-page menu-item-109"><a href="http://oxeso.com/chalis/?page_id=75">Other</a></li>
<li id="menu-item-104" class="folio-icon menu-item menu-item-type-post_type menu-item-object-page menu-item-104"><a href="http://oxeso.com/chalis/?page_id=31">Portfolio</a></li>
<li id="menu-item-105" class="gallery-icon menu-item menu-item-type-post_type menu-item-object-page menu-item-105"><a href="http://oxeso.com/chalis/?page_id=29">Gallery</a></li>
<li id="menu-item-107" class="videos-icon menu-item menu-item-type-post_type menu-item-object-page menu-item-107"><a href="http://oxeso.com/chalis/?page_id=64">Videos</a></li>
<li id="menu-item-103" class="blog-icon menu-item menu-item-type-post_type menu-item-object-page menu-item-103"><a href="http://oxeso.com/chalis/?page_id=5">Blog</a></li>
<li id="menu-item-106" class="contact-icon menu-item menu-item-type-post_type menu-item-object-page menu-item-106"><a href="contact.html">Contact</a></li>
            </ul>
            
            
                      	  <p class="sidebar-separator">GET SOCIAL</p>
			            
            <ul class="linksMenuWrapper">
				<li id="menu-item-112" class="contact-icon menu-item menu-item-type-custom menu-item-object-custom menu-item-112"><a href="http://#">Mail</a></li>
<li id="menu-item-113" class="call-icon menu-item menu-item-type-custom menu-item-object-custom menu-item-113"><a href="http://#">Call us</a></li>
<li id="menu-item-114" class="sms-icon menu-item menu-item-type-custom menu-item-object-custom menu-item-114"><a href="http://#">Text Us</a></li>
<li id="menu-item-115" class="twitter-icon menu-item menu-item-type-custom menu-item-object-custom menu-item-115"><a href="http://#">Twitter</a></li>
<li id="menu-item-116" class="facebook-icon menu-item menu-item-type-custom menu-item-object-custom menu-item-116"><a href="http://#">Facebook</a></li>
            </ul>
        </div>
    </div>
    
    <!-- page content starts -->
    <div id="content" class="page-content">
    
    <div class="page-header">
        <p class="logo">
                            <a href="index.html" class="top-logo"><img class="" width="63" src="http://oxeso.com/chalis/wp-content/themes/chalis/images/misc/logo.png" alt="logo" /></a>
                    </p>
        <a href="#" class="deploy-sidebar"></a>
        <!--<a href="#" class="deploy-contact"></a>-->
    </div>
    
<!-- main slider starts -->
<div class="bxslider-wrapper" data-snap-ignore="true">
    <div class="bxslider">
                            <div class="bxItem">
                                        <img class="" src="1.jpg" alt="img">
                    <blockquote class="slider-caption">
                       <p>&#8220;FAST LOADING <br/> AND EASY TO USE!&#8221;</p>
                    </blockquote>
                </div>
                            <div class="bxItem">
                                        <img class="" src="2.jpg" alt="img">
                    <blockquote class="slider-caption">
                       <p>&#8220;THE ONLY FLAT <br/> MOBILE PAGE&#8221;</p>
                    </blockquote>
                </div>
                            <div class="bxItem">
                                        <img class="" src="3.jpg" alt="img">
                    <blockquote class="slider-caption">
                       <p>&#8220;SIMPLE, CLEAN <br/> AND PROPORTIONATE&#8221;</p>
                    </blockquote>
                </div>
                            <div class="bxItem">
                                        <img class="" src="4.jpg" alt="img">
                    <blockquote class="slider-caption">
                       <p> &#8220;FAST LOADING <br/> AND EASY TO USE&#8221;</p>
                    </blockquote>
                </div>
                </div>
</div>
<!-- main slider ends -->

<div class="container">
    <h4 class="heading center-text">WELCOME</h4>
    <p class="center-text">Flat interfaces made to shine, look clean and perfect on any device! We've also implemented swipe features! Drag this text to the right!</p></div>

<div class="container-gray homeContentWrapper">
<div class="container no-bottom">  
<!-- page starts -->
    <!-- post content starts -->
    <div class="column">
<div class="one-half">
<img class="center-icon" src="icon2@2x.png" alt="img"><h5 class="center-text uppercase">Large <br />compatibilty</h5>
<p class="center-text no-bottom"> Lorem ipsum dolor sit, consectetur adipisci.</p>
</div>
<div class="one-half">
<img class="center-icon" src="icon1@2x.png" alt="img"><h5 class="center-text uppercase">Very <br /> friendly</h5>
<p class="center-text no-bottom"> Lorem ipsum dolor sit, consectetur adipisci.</p>
</div>
</div>
<div class="column">
<div class="one-half">
<img class="center-icon" src="icon3@2x.png" alt="img"><h5 class="center-text uppercase">Documented for everyone</h5>
<p class="center-text no-bottom"> Lorem ipsum dolor sit, consectetur adipisci.</p>
</div>
<div class="one-half">
<img class="center-icon" src="icon4@2x.png" alt="img"><h5 class="center-text uppercase">Built from experience</h5>
<p class="center-text no-bottom"> Lorem ipsum dolor sit, consectetur adipisci.</p>
</div>
</div>
<div class="column">
<div class="one-half"><a href="#" class="flat-button flat-settings">MORE SERVICES</a></div>
<div class="one-half"> <a href="#" class="flat-button flat-features">PAGE FEATURES</a></div>
 </div>
    <!-- post content ends -->
<!-- page ends -->
</div>
</div>
    
<!-- page content wrapper ends -->
<div class="page-content-wrapper">  


<div class="container no-bottom">
<h4 class="heading center-text">FROM THE GALLERY</h4>
<p class="center-text">Flat interfaces made to shine, look clean and perfect on any device! We've also implemented swipe features! Drag this text to the right!</p>
</div>

<div class="container-gray homeGalleryContainer">

	<ul class="gallery gallery-homepage">
    
		            
            <li>
                                <a class="swipebox" href="21.jpg" title="Gallery Item Seven">
                <img class="" src="21-400x400.jpg"  alt="Gallery Item Seven" />
                </a>
            </li>        
            
                    
            <li>
                                <a class="swipebox" href="11.jpg" title="Gallery Item Six">
                <img class="" src="11-400x400.jpg"  alt="Gallery Item Six" />
                </a>
            </li>        
            
                    
            <li>
                                <a class="swipebox" href="5.jpg" title="Gallery Item Five">
                <img class="" src="5-400x400.jpg"  alt="Gallery Item Five" />
                </a>
            </li>        
            
                    
            <li>
                                <a class="swipebox" href="41.jpg" title="Gallery Item Four">
                <img class="" src="41-400x400.jpg"  alt="Gallery Item Four" />
                </a>
            </li>        
            
                    
            <li>
                                <a class="swipebox" href="31.jpg" title="Gallery Item Three">
                <img class="" src="31-400x400.jpg"  alt="Gallery Item Three" />
                </a>
            </li>        
            
                    
            <li>
                                <a class="swipebox" href="21.jpg" title="Gallery Item Two">
                <img class="" src="21-400x400.jpg"  alt="Gallery Item Two" />
                </a>
            </li>        
            
                
    </ul>
</div>
    
              
        </div>
        <!-- page content wrapper ends -->
        <div class="footer">    
            <a class="footer-twitter" href="#" class=""></a>
            <a class="footer-facebook" href="#" class=""></a>
            <a class="footer-up go-up" href="#" class="go-up"></a>
            <em>© COPYRIGHT 2013.</em>
        </div>
    </div>
    <!-- page content ends -->
</div>
<!-- all elements wrapper ends -->
<script type='text/javascript' src='jquery.ui.effect.min.js'></script>
<script type='text/javascript' src='snap.js'></script>
<script type='text/javascript' src='hammer.js'></script>
<script type='text/javascript' src='subscribe.js'></script>
<script type='text/javascript' src='jquery.swipebox.js'></script>
<script type='text/javascript' src='bxslider.js'></script>
<script type='text/javascript' src='colorbox.js'></script>
<script type='text/javascript' src='retina.js'></script>
<script type='text/javascript' src='custom.js'></script>
<script type='text/javascript' src='framework.js'></script>
</body>

</html>